/* sticky header style */
.cpStickyHeader {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   z-index: 20000;
}

/* for sizes: XXS, XS, S, M  */
#cpAreaLogo {
   background-image: url('../site/logo.png');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}

@media screen and (max-width: 1023px) {
   #cpMenuBookmark {
      width: 32px;
      height: 32px;
      background-color: transparent;
      background-image: url('menu.png');
      float: left;
      z-index: 100;
   }
   
   #cpPageDescription {
      display: inline-block;
      height: 27px;
      padding-top: 5px;
      padding-left: 10px;
   }
   
   #cpAreaLogo {
      x-display: none;
      /* custom */
      align:right;
      /* custom */
      height: 300px;
      width: 200px;
      margin: 0px auto;
   }
   
   #cpAreaPortalName {
      text-align: center;
      font-weight: bold;
      padding: 3px;
      border-bottom: 1px solid darkgray;
   }
   
   #cpPageTitle {
      display: none;
   }
   
   #cpNonResponsive {
      position: relative;
      top: 0px;
      left: 0px;
      width: 100%;
      background-color: white;
      display: block;
      padding: 5px 3px;
      font-size: 0.9rem;
      color: #A5A5A5;
   }
   
   #ctl00_MainContent_pagesVersion {
      display: none;
   }
   
   #cpAreaLanguage, #cpAreaLogin {
      text-align: right;
      padding-right: 3px;
   }
}

/* For sizes L, XL, XXL */
@media screen and (min-width: 768px) {
   #cpAreaLogo {
      float: right;
      /* custom */
      width: 200px;
      height: 50px;
   }
   
   #cpAreaPortalName {
      display: none;
   }
   
   #cpAreaSysMenu {
      float: right;
   }
   
   #cpAreaLanguage, #cpAreaLogin {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      display: -webkit-inline-flex;
      padding: 0px 5px;
   }
   
   #cpAreaLanguage::after {
      content: " | ";
      padding-left: 5px;
   }
   
   #cpAreaLanguage.last-link:after {
      content: " ";
   }
}

@media screen and (min-width: 1024px) {
   #cpPageTitle, #cpPageDescription {
      display: none;
   }
   
   #cpAreaMenu {
      float: left;
      height: 50px;
      padding-top: 7px;
   }
}

@media screen and (min-width: 200px) {
   #cpPageTitle, #cpPageDescription {
      display: none;
      color: transparent;
   }
}

@media screen and (min-width: 1366px) {
   #cpAreaMenu {
      padding-left: 10px;
   }
}

@media screen and (max-width: 767px) {
   .cpContainerHeader .cpContainerInner {
      padding: 0px;
      margin: 0px;
      width: 100%;
   }
   
   #cpAreaLogo {
      display: block;
      height: 35px;
      background-position: right;
      float: right;
      margin-bottom: 5px;
   }
   
   #cpAreaPortalName {
      display: none;
   }
}